<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=yes"/>
    <title>哈啰通用</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/product.css">
    <style>
    </style>
</head>
<body>
<div class="wrapper">
    <!--<div class="top_2 ">-->
        <!--<ul>-->
            <!--<li><a href="javascript:history.go(-1)"><img src="../../images/Artboard@2x.png" alt=""></a></li>-->
            <!--<li >购物车</li>-->
        <!--</ul>-->
    <!--</div>-->
    <div class="shopping-box b-btm">
        <ul class="shopping-ul">
            <li class="shop-li1" ><img class="shop-pic" src="../../images/Artboard%207@3x.png" alt=""></li>
            <li class="shop-li2">
                <ul class="shop-li-ul">
                    <li>PARIS&nbsp;卧式冷柜</li>
                    <li>
                        <ul class="num-add">
                            <li class="f-red"><span>￥14,500.00</span></li>
                            <li class="num-li1">
                                <div class="foot-add1 " style="border: none">
                                    <img class="jian" src="../../images/Artboard 39@3x.png" alt="">
                                    <input type="text" value="1" >
                                    <img  class="add" src="../../images/Artboard%2040@3x.png" alt="">
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="shop-li3"><img src="../../images/Artboard%2038@3x.png" alt=""></li>
        </ul>
    </div>
    <div class="shopping-box b-btm">
        <ul class="shopping-ul">
            <li class="shop-li1" onclick=""> <img class="shop-pic" src="../../images/Artboard%207@3x.png" alt=""></li>
            <li class="shop-li2">
                <ul class="shop-li-ul">
                    <li>PARIS&nbsp;卧式冷柜</li>
                    <li>
                        <ul class="num-add">
                            <li class="f-red"><span>￥14,500.00</span></li>
                            <li class="num-li1">
                                <div class="foot-add1 " style="border: none">
                                    <img class="jian" src="../../images/Artboard 39@3x.png" alt="">
                                    <input type="text" value="1" >
                                    <img  class="add" src="../../images/Artboard%2040@3x.png" alt="">
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="shop-li3"><img src="../../images/Artboard%2038@3x.png" alt=""></li>
        </ul>
    </div>
    <div class="shopping-box b-btm">
        <ul class="shopping-ul">
            <li class="shop-li1" onclick=""><img class="shop-pic" src="../../images/Artboard%207@3x.png" alt=""></li>
            <li class="shop-li2">
                <ul class="shop-li-ul">
                    <li>PARIS&nbsp;卧式冷柜</li>
                    <li>
                        <ul class="num-add">
                            <li class="f-red"><span>￥14,500.00</span></li>
                            <li class="num-li1">
                                <div class="foot-add1 " style="border: none">
                                    <img class="jian" src="../../images/Artboard 39@3x.png" alt="">
                                    <input type="text" value="1" id="input-num1">
                                    <img  class="add" src="../../images/Artboard%2040@3x.png" alt="">
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="shop-li3"><img src="../../images/Artboard%2038@3x.png" alt=""></li>
        </ul>
    </div>
    <footer class="shopping-foot">
        <span class="all"><img src="../../images/Artboard%207@3x.png" alt="">全选</span>
        <button onclick="Order()">立即下单</button>
    </footer>

</div>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/base.js"></script>
<script>

$('.shop-li1').click(function(){
    var number=$('.shop-li1');
    for(var i=0;i<number.length;i++){
        if(number.length==i){
            alert(i)
        }
    }
    if($(this).find('img').attr('src')=='../../images/Artboard%207@3x.png'){
        $(this).find('img').attr('src','../../images/Artboard 6@3x.png');
    }else{
        $(this).find('img').attr('src','../../images/Artboard%207@3x.png');
    }
});
$('.all').click(function(){
    var number=$('.shop-li1');
    for(var i=0;i<number.length;i++){
        if($(this).find('img').attr('src')=='../../images/Artboard%207@3x.png'){
            $('.shop-li1').find('img').attr('src','../../images/Artboard 6@3x.png');
            $(this).find('img').attr('src','../../images/Artboard 6@3x.png');
        }else{
            $(this).find('img').attr('src','../../images/Artboard%207@3x.png');
             $('.shop-li1').find('img').attr('src','../../images/Artboard%207@3x.png');

        }

    }
});


</script>
</body>
</html>